html{font-size: 625%;background: #EEEEEE;}
.container{max-width:750px;min-width:320px;margin: 0 auto;}
.row{width: 100%;box-sizing:border-box;}
.top-bar{background: #ff7043;height: 40px;padding-left:10px;color: #fff;position: relative;}
.top-bar .fa-angle-left{font-size: 0.4rem;position: absolute;}
.top-bar h1{display: inline-block;width: 100%;text-align: center;font-size: 0.16rem;height: 40px;line-height: 40px;color: #fff;}
.top-msg{height: 50px;line-height: 25px;background: red;color:#fff;padding:0 10px;padding-right: 30px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position: relative;margin-bottom: 10px;}
.top-msg .fa-times{float:right;display: inline-block;height: 35px;line-height: 35px;width: 25px;text-align: center;color:#fff;position: absolute;right: 5px;top:5px;}
.history{background: #fff;}
.history .top{height: 35px;line-height: 35px;border-bottom:1px dashed #ddd;position: relative;}
.history .bottom{height: 55px;line-height: 55px;border-bottom:1px solid #eee;}
.history span{display: inline-block;text-align: center;float: left;}
.history .left{width: 30%;}
.history .center {width: 40%;}
.history .right{width: 30%;}
.history .top a{display: inline-block;text-align: center;position: absolute;top:7px;right:15px;border:1px solid #ddd;width: 75px;height: 20px;line-height: 20px;border-radius: 10px;color:#333;}